<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
    <title>保养计划管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <style>
        html,body{height: 100%;}
    </style>
</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
    <li>首页</li>
       <li>设备保养</li>
        <li>保养计划管理</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container spot-check-container">

    <div class="left-search-list">
        <h3>设备型号</h3>
        <div class="search-frame relative">
            <input autocomplete="new-password" type="text" class="model-search" id="modelCode" placeholder="输入设备型号搜索"/>
            <span aria-hidden="true" class="icon-search_chaxun" id="modelSearch"></span>
        </div>
       <ul class="scroll-style" id="eqModelList">
        </ul>
    </div>

    <div class="right-table-box">
        <div class="container-fluid mb-20 clearfix">
            <div class="col-md-12 rlt">
                <h2 class="page-section-title">保养计划列表</h2>
                <ul class="table-tool">
                    <li id="add">
                        <span class="icon-list_add" aria-hidden="true"></span>
                        <label>新增</label>
                    </li>
                    <li id="update">
                        <span class="icon-list_xiugai" aria-hidden="true"></span>
                        <label>修改</label>
                    </li>
                    <li id="delete">
                        <span class="icon-list_shanchu" aria-hidden="true"></span>
                        <label>删除</label>
                    </li>
                    <li id="refreshTable">
                        <span class="icon-list_shuaxin" aria-hidden="true"></span>
                        <label>刷新</label>
                    </li>

                </ul>
            </div>
        </div>

        <div class="container-fluid table-container">
            <table  id="planTable" cellspacing="" cellpadding="">

            </table>
        </div>
    </div>
</div>

<!--新增-->
<form id="planForm" method="" class="form-horizontal tool-config-form" action="">
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title title"></h4>
                </div>
                <div class="modal-body">
                    <div class="row">
   		                <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-2">状态</label>
		                    <div class="col-lg-7">
           						<select class="form-control planStatus" name="planStatus">
           							<option selected="selected" value="0">有效</option>
									<option value="1">无效</option>
								</select>
		                    </div>
		                </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-6">保养类别编码</label>
                            <div class="col-lg-7">
                                <select class="form-control" name="typeCode" id="typeCodeSelect2">
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-6">保养类别名称</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="typeName" readonly/>
                            </div>
                        </div>
                        <div class="form-group">
						  <label class="col-lg-3 control-label form-required form-required-6 storageTimehtml">保养开始时间</label>
							  <div class="col-lg-7 date-frame">
							    <input autocomplete="new-password" class="form-datetime-day form-control" name="startDate" type="text" value="" id="startDate" readonly>
							  </div>
						</div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label form-required form-required-7">保养周期（天）</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control maintainCycle" type="text" name="maintainCycle"/>
                            </div>
                        </div>
                        <div class="form-group">
                             <label class="col-lg-3 control-label form-required form-required-5">保养人工号</label>
                             <div class="col-lg-7">
                                 <select name="maintainUser" class="form-control" id="maintainUserWorkNo">
                                 </select>
                             </div>
                         </div>
                         <div class="form-group">
                             <label class="col-lg-3 control-label  form-required form-required-5">保养人姓名</label>
                             <div class="col-lg-7">
                                 <input autocomplete="new-password" type="text" name="maintainUsername" class="form-control" readonly />
                             </div>
                         </div>
                         <div class="form-group">
		                    <label class="col-lg-3 control-label form-required form-required-4">保养确认</label>
		                    <div class="col-lg-7">
           						<select class="form-control maintainConfirm" name="maintainConfirm">
           							<option selected="selected" value="0">是</option>
									<option value="1">否</option>
								</select>
		                    </div>
		                </div>
                        <div class="form-group">
                            <label class="col-lg-3 control-label">备注</label>
                            <div class="col-lg-7">
                                <input autocomplete="new-password" class="form-control" type="text" name="remark" id="remark"/>
                            </div>
                        </div>
                        <input autocomplete="new-password" type="hidden" id="modelFormCode" name="modelFormCode" value="">
                        <input autocomplete="new-password" type="hidden" id="modelCodeIn" name="modelCode" value="">
                        <input autocomplete="new-password" type="hidden" name="pkId" value="">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary yes">保存</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
</form>


<!--关联保养项模态框-->
<div class="modal fade" id="ItemModal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false"
>
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title">保养项</h4>
      </div>
      <div class="modal-body">
		    <div class="row">
		        <div class="col-lg-12">
					<div class="container-fluid table-container">
						<table id="itemTable">
				
						</table>
					</div>
		        </div>
		    </div>
      </div>
    </div>
  </div>
</div>
<div th:replace="common/foot">
</div>

<script th:src="@{/js/lifeCycle/equipLifeCycle/maintain/plan.js}"></script>
</body>
</html>






